<script setup lang="ts">
import BasicLayout from "@/layouts/basic-layout/index.vue";
import SettingDrawer from "@/layouts/components/setting-drawer/Index.vue";
import * as process from "node:process";
import { ref } from "vue";

defineOptions({
  name: "ProLayout",
});
// 只开发环境才显示主题设置
const isDev = ref(process.env.NODE_ENV === "development");
</script>

<template>
  <BasicLayout>
    <a-watermark content="Judian">
      <RouterView>
        <template #default="{ Component }">
          <component :is="Component" />
        </template>
      </RouterView>
    </a-watermark>
  </BasicLayout>
  <SettingDrawer v-if="isDev" />
</template>
